<template>
  <div>
    <div style="display: flex; justify-content: center; align-items: center; height: 40px;">
      <el-icon><close /></el-icon>关闭当前标签页
    </div>
    <el-scrollbar style="width: 600px; height: 35px; background-color: #f5f7fa">
      <div class="flex-content">
        <div v-for="item in 50" :key="item" class="scrollbar-demo-item">
          {{ item }}
        </div>
      </div>
    </el-scrollbar>
    <p v-for="i in 500" :key="i">{{ i }}</p>
  </div>
</template>

<script>
export default {
  name: "Child1"
}
</script>

<style lang="sass" scoped>
.flex-content
  display: flex

.scrollbar-demo-item
  flex: 0 0 auto
  display: inline-block
  height: 20px
  width: 40px
  margin-right: 5px
  background-color: #409eff
</style>
